/* __ 聊天内容区 */  
.ws__chatMsg-panel{overflow: auto; -webkit-overflow-scrolling:touch; width: 100%; /*position: absolute; top: .6rem;*/}  
.ws__chatMsg-panel .chatMsg-ct{padding: .2rem;}  
.chatMsg-ct ul li{float: left; margin-bottom: .3rem; width: 100%;}  
.chatMsg-ct ul li.time{margin-top: .2rem; text-align: center;}  
.chatMsg-ct ul li.time span{background: rgba(50,50,50,.2); color: #fff; border-radius: .05rem; display: inline-block; font-size: .24rem; font-family: arial; padding: .05rem .2rem;}  
.chatMsg-ct ul li.me{clear: right; text-align: right;}  
.chatMsg-ct ul li .avatar{  
    overflow: hidden; margin-top: .4rem; height: .8rem; width: .8rem;  
}  
.chatMsg-ct ul li .avatar img{border-radius: 50%; vertical-align: top; height: 100%; width: 100%;}  
.chatMsg-ct ul li.others .avatar{float: left;}  
.chatMsg-ct ul li.me .avatar{float: right;}  
.chatMsg-ct ul li .content{overflow: hidden;}  
.chatMsg-ct ul li .content .author{color: rgba(50,50,50,.5); font-size: .2rem; margin: 0 .3rem; height: .4rem; line-height: .4rem;}  
.chatMsg-ct ul li .content .msg{  
    border-style: solid; border-width: .01rem; border-radius: .1rem; display: inline-block; font-size: .24rem; margin: 0 .3rem; text-align: left; word-wrap: break-word; word-break: break-all; min-height: .8rem; max-width: 4.9rem; position: relative;  
}  
.chatMsg-ct ul li .content .msg .plain{padding: .2rem;}  
.chatMsg-ct ul li .content .msg .plain img.face{vertical-align: top;}  
.chatMsg-ct ul li .content .msg .plain a{color: #09f;}  
.chatMsg-ct ul li .content .msg .picture, .chatMsg-ct ul li .content .msg .video{border-radius: .1rem; overflow: hidden; position: relative;}  
.chatMsg-ct ul li .content .msg .picture img, .chatMsg-ct ul li .content .msg .video img{display: block; max-height: 5rem; max-width: 5rem;}  
.chatMsg-ct ul li.others .content .msg{background-color: #fff; border-color: #ddd;}  
.chatMsg-ct ul li.me .content .msg{background-color: #90d936; border-color: #95bf63;}  
.chatMsg-ct ul li .content .msg:before{  
    content: ""; display: inline-block; border-style: solid; border-width: .01rem .01rem 0 0; height: .2rem; width: .2rem; position: absolute; /*top: 50%;*/ top: .4rem;  
}  
.chatMsg-ct ul li.others .content .msg:before{  
    background: inherit; border-color: inherit; left: -.115rem; transform: translate(0, -50%) rotate(-135deg);  
}  
.chatMsg-ct ul li.me .content .msg:before{  
    background: inherit; border-color: inherit; right: -.11rem; transform: translate(0, -50%) rotate(45deg);  
}  
.chatMsg-ct ul li.image .content .msg{background: none; border-width: 0;}  
.chatMsg-ct ul li.image .content .msg:before{display: none;}  
.chatMsg-ct ul li .content .msg .video .play__video-wrap{position: relative;}  
.chatMsg-ct ul li .content .msg .video .btn-play{background: url(../img/wei-scene/icon-play.png) no-repeat center; background-size: .6rem; height: 100%; width: 100%; position: absolute; left: 0; top: 0;}  
  
/* __ 查看大图/视频 */  
.img__zoomIn-mask{  
    display: none; background: rgba(0,0,0,.9); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999;  
}  
.img__zoomIn-mask .imgview{transform: translate(-50%, -50%); max-height: 95%; max-width: 100%; position: absolute; left: 50%; top: 50%;}  
.ws__popup-video{display: none; background: rgba(0,0,0,1); height: 100%; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001;}  
.ws__popup-video .popup__video-close{border: .02rem solid rgba(255,252,255,.5); border-radius: 50%; height: .5rem; width: .5rem; position: absolute; top: .3rem; right: .3rem; z-index: 101;}  
.ws__popup-video .popup__video-close:before, .ws__popup-video .popup__video-close:after{  
    content: ""; background: rgba(255,252,255,.5); border-radius: 20px; transform: translate(50%, -50%) rotate(45deg); position: absolute; top: 50%; right: 50%;  
}  
.ws__popup-video .popup__video-close:before{height: .3rem; width: .04rem;}  
.ws__popup-video .popup__video-close:after{height: .04rem; width: .3rem;}  